{% random_number as alea %}
<!doctype html>
<html>
     <head>
          <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
          <!-- Force latest IE rendering engine & Chrome Frame -->
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
          <!-- Make IE recognise HTML5 elements for styling -->
          <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
          <link href="{{ STATIC_URL }}img/favicon.png" rel="icon" type="image/x-icon" />
          <link href="{{ STATIC_URL }}css/font-awesome.min.css" rel="stylesheet" type="text/css" media="screen" />
          <link href="{{ STATIC_URL }}css/avnza.css" rel="stylesheet" type="text/css" media="screen" />
          <link href="{{ STATIC_URL }}css/supersized.css" rel="stylesheet" type="text/css" media="screen" />
          <link href="{{ STATIC_URL }}css/fancyzoom.css" rel="stylesheet" type="text/css" media="screen" />
          <link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
          {% block headcss %}
          {% endblock %}
          <script type="text/javascript" src="{{ STATIC_URL }}js/jquery/jquery-1.11.1.min.js"></script>
          <script type="text/javascript" src="{{ STATIC_URL }}js/supersized.3.2.7.min.js"></script>
          <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.fancyzoom.min.js"></script>
          {% if device_info.width >= 1024 %} 
          <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.nivo.slider.pack.js"></script>
          {% endif %}
          {% block headscr %}
          {% endblock %}
          <script  type="text/javascript">
               {% block headvars %}
               var slides=[{% for foto in fotosini %}{image : '{{ MEDIA_URL }}{{ foto.file }}'},{% endfor %}]
               {% endblock %}
          </script>
          <title>{% block title %}{% endblock %}</title>
     </head>
     <body>
          <div id="animatron"{% if not interno %} style="display: block"{% endif %}>
               <div>
                    <img id="animado" src="{{ STATIC_URL }}img/bravo.gif?{{ alea }}" />
               </div>
          </div>
          <div id="menubar" class="menu">
               <a id="hndmenu" class="fa fa-chevron-right"></a>
               <a href="{% url "index" %}"><img class="logo" src="{{ STATIC_URL }}img/bravop.png" alt="Bravo, viviendas diferentes. Inicio" /></a>
               <div class="home"><a id="txtmnu">{{ actual }}</a></div>
               {% block menu %}
               <div class="contmnu">
                    <ul class="topnav">
                    {% for itm in menu  %}
                         <li  {% if forloop.first %} class="primero"  {% endif %}>
                              <a {% if  itm.uri %}href="{{ itm.uri }}"{% endif %}{% if itm.clase %} class="{{ itm.clase }}"{% endif %}>{{ itm.nombre }}</a>
                         {% if itm.subm %}
                              <ul>
                              {% for sm in itm.subm %}
                                   <li><a href="{{ sm.uri }}" {% if sm.clase %}class="{{ sm.clase }}"{% endif %} title="{{ sm.title }}">{{ sm.nombre}}</a></li>
                              {% endfor %}
                              </ul>
                         {% endif %}
                         </li>
                    {% endfor %}
                    </ul>
               </div>
          </div>
          {% endblock %}
          
          {% block contenido %}
          {% endblock  %}
          <a class="reinicio" href="http://www.reinicio.net"><img src="{{ STATIC_URL }}img/reinicio.png"/></a>
          <script type="text/javascript" src="{{ STATIC_URL }}js/avanza.js"></script>
          {% block script %}
          {% endblock  %}
     </body> 
</html>
